<template>
  <div id="app" class="app-container">
    <div class="page-container">
      <Header></Header>
      <router-view/>
      <Nav v-if="hideNav"></Nav>
    </div>
  </div>
</template>

<script>
import Header from './components/Header'
import Nav from './components/Nav'

import '@/style/normalize.css'
import '@/style/global.less'

export default {
  name: 'App',
  components: {
    Header,
    Nav
  },
  computed: {
    hideNav () {
      return !this.$route.meta.disableToolbar
    }
  }
}
</script>

<style>

</style>
